<ul id="department-treeview" class="tree tree-unselectable" role="tree">
    <li class="tree-branch" role="treeitem" aria-expanded="false">

        <div class="tree-branch-header">
            <span class="tree-branch-name">
                <i class="icon-folder ace-icon fa fa-folder"></i>
                <span class="tree-label">东软集团</span>
            </span>
        </div>

        <ul class="tree-branch-children" role="group">


            <li class="tree-branch" role="treeitem" aria-expanded="false">
                <div class="tree-branch-header">
                    <span class="tree-branch-name">
                        <i class="icon-folder ace-icon fa fa-folder"></i>
                        <span class="tree-label">东软医疗</span>
                    </span>
                </div>
                <ul class="tree-branch-children" role="group">
                    <li class="tree-branch" role="treeitem" aria-expanded="false">
                        <div class="tree-branch-header"><span class="tree-branch-name">						<i
                                class="icon-folder ace-icon fa fa-folder"></i>						<span
                                class="tree-label">整容部</span>					</span></div>
                        <ul class="tree-branch-children" role="group"></ul>
                        <div class="tree-loader hide" role="alert">
                            <div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>
                        </div>
                    </li>
                    <li class="tree-branch" role="treeitem" aria-expanded="false">
                        <div class="tree-branch-header"><span class="tree-branch-name">						<i
                                class="icon-folder ace-icon fa fa-folder"></i>						<span
                                class="tree-label">软件部</span>					</span></div>
                        <ul class="tree-branch-children" role="group"></ul>
                        <div class="tree-loader hide" role="alert">
                            <div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>
                        </div>
                    </li>
                    <li class="tree-branch tree-open" role="treeitem" aria-expanded="true">
                        <div class="tree-branch-header"><span class="tree-branch-name">						<i
                                class="icon-folder ace-icon fa fa-folder  green"></i>						<span
                                class="tree-label">管理层</span>					</span></div>
                        <ul class="tree-branch-children" role="group"></ul>
                        <div class="tree-loader hide" role="alert">
                            <div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>
                        </div>
                    </li>
                    <li class="tree-branch" role="treeitem" aria-expanded="false">
                        <div class="tree-branch-header"><span class="tree-branch-name">						<i
                                class="icon-folder ace-icon fa fa-folder"></i>						<span
                                class="tree-label">产品事业部</span>					</span></div>
                        <ul class="tree-branch-children" role="group"></ul>
                        <div class="tree-loader hide" role="alert">
                            <div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>
                        </div>
                    </li>
                </ul>
                <div class="tree-loader hide" role="alert">
                    <div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>
                </div>
            </li>
            <li class="tree-branch tree-open" role="treeitem" aria-expanded="true">
                <div class="tree-branch-header"><span class="tree-branch-name">						<i
                        class="icon-folder ace-icon fa fa-folder-open"></i>						<span
                        class="tree-label">海外部</span>					</span></div>
                <ul class="tree-branch-children" role="group">
                    <li class="tree-branch" role="treeitem" aria-expanded="false">
                        <div class="tree-branch-header"><span class="tree-branch-name">						<i
                                class="icon-folder ace-icon fa fa-folder"></i>						<span
                                class="tree-label">欧洲总部</span>					</span></div>
                        <ul class="tree-branch-children hide" role="group">
                            <li class="tree-branch" role="treeitem" aria-expanded="false">
                                <div class="tree-branch-header"><span
                                        class="tree-branch-name">						<i
                                        class="icon-folder ace-icon fa fa-folder"></i>						<span
                                        class="tree-label">汉诺威</span>					</span></div>
                                <ul class="tree-branch-children" role="group"></ul>
                                <div class="tree-loader hide" role="alert">
                                    <div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>
                                </div>
                            </li>
                            <li class="tree-branch" role="treeitem" aria-expanded="false">
                                <div class="tree-branch-header"><span
                                        class="tree-branch-name">						<i
                                        class="icon-folder ace-icon fa fa-folder"></i>						<span
                                        class="tree-label">伦敦</span>					</span></div>
                                <ul class="tree-branch-children" role="group"></ul>
                                <div class="tree-loader hide" role="alert">
                                    <div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>
                                </div>
                            </li>
                        </ul>
                        <div class="tree-loader hide" role="alert">
                            <div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>
                        </div>
                    </li>
                    <li class="tree-branch" role="treeitem" aria-expanded="false">
                        <div class="tree-branch-header"><span class="tree-branch-name">						<i
                                class="icon-folder ace-icon fa fa-folder"></i>						<span
                                class="tree-label">日韩总部</span>					</span></div>
                        <ul class="tree-branch-children" role="group"></ul>
                        <div class="tree-loader hide" role="alert">
                            <div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>
                        </div>
                    </li>
                </ul>
                <div class="tree-loader hide" role="alert">
                    <div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>
                </div>
            </li>
        </ul>
        <div class="tree-loader hide" role="alert">
            <div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>
        </div>
    </li>
</ul>


<li class='tree-branch' role='treeitem' aria-expanded='false'>
    <div class='tree-branch-header' dep_id='1'><span class='tree-branch-name'> <i
            class='icon-folder ace-icon fa fa-folder'></i> <span class='tree-label'>东软集团</span> </span></div>
    <ul class='tree-branch-children' role='group'>
        <li class='tree-branch' role='treeitem' aria-expanded='false'>
            <div class='tree-branch-header' dep_id='2'><span class='tree-branch-name'> <i
                    class='icon-folder ace-icon fa fa-folder'></i> <span class='tree-label'>东软医疗</span> </span></div>
            <ul class='tree-branch-children' role='group'>
                <li class='tree-branch' role='treeitem' aria-expanded='false'>
                    <div class='tree-branch-header' dep_id='20'><span class='tree-branch-name'> <i
                            class='icon-folder ace-icon fa fa-folder'></i> <span class='tree-label'>整容部</span> </span>
                    </div>
                    <ul class='tree-branch-children' role='group'></ul>
                    <div class='tree-loader hide' role='alert'>
                        <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
                    </div>
                </li>
                <li class='tree-branch' role='treeitem' aria-expanded='false'>
                    <div class='tree-branch-header' dep_id='5'><span class='tree-branch-name'> <i
                            class='icon-folder ace-icon fa fa-folder'></i> <span class='tree-label'>软件部</span> </span>
                    </div>
                    <ul class='tree-branch-children' role='group'></ul>
                    <div class='tree-loader hide' role='alert'>
                        <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
                    </div>
                </li>
                <li class='tree-branch' role='treeitem' aria-expanded='false'>
                    <div class='tree-branch-header' dep_id='6'><span class='tree-branch-name'> <i
                            class='icon-folder ace-icon fa fa-folder'></i> <span class='tree-label'>管理层</span> </span>
                    </div>
                    <ul class='tree-branch-children' role='group'></ul>
                    <div class='tree-loader hide' role='alert'>
                        <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
                    </div>
                </li>
                <li class='tree-branch' role='treeitem' aria-expanded='false'>
                    <div class='tree-branch-header' dep_id='7'><span class='tree-branch-name'> <i
                            class='icon-folder ace-icon fa fa-folder'></i> <span class='tree-label'>产品事业部</span> </span>
                    </div>
                    <ul class='tree-branch-children' role='group'></ul>
                    <div class='tree-loader hide' role='alert'>
                        <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
                    </div>
                </li>
            </ul>
            <div class='tree-loader hide' role='alert'>
                <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
            </div>
        </li>
        <li class='tree-branch' role='treeitem' aria-expanded='false'>
            <div class='tree-branch-header' dep_id='3'><span class='tree-branch-name'> <i
                    class='icon-folder ace-icon fa fa-folder'></i> <span class='tree-label'>海外部</span> </span></div>
            <ul class='tree-branch-children' role='group'>
                <li class='tree-branch' role='treeitem' aria-expanded='false'>
                    <div class='tree-branch-header' dep_id='8'><span class='tree-branch-name'> <i
                            class='icon-folder ace-icon fa fa-folder'></i> <span class='tree-label'>欧洲总部</span> </span>
                    </div>
                    <ul class='tree-branch-children' role='group'>
                        <li class='tree-branch' role='treeitem' aria-expanded='false'>
                            <div class='tree-branch-header' dep_id='10'><span class='tree-branch-name'> <i
                                    class='icon-folder ace-icon fa fa-folder'></i> <span class='tree-label'>汉诺威</span> </span>
                            </div>
                            <ul class='tree-branch-children' role='group'></ul>
                            <div class='tree-loader hide' role='alert'>
                                <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
                            </div>
                        </li>
                        <li class='tree-branch' role='treeitem' aria-expanded='false'>
                            <div class='tree-branch-header' dep_id='18'><span class='tree-branch-name'> <i
                                    class='icon-folder ace-icon fa fa-folder'></i> <span
                                    class='tree-label'>伦敦</span> </span></div>
                            <ul class='tree-branch-children' role='group'></ul>
                            <div class='tree-loader hide' role='alert'>
                                <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
                            </div>
                        </li>
                    </ul>
                    <div class='tree-loader hide' role='alert'>
                        <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
                    </div>
                </li>
                <li class='tree-branch' role='treeitem' aria-expanded='false'>
                    <div class='tree-branch-header' dep_id='9'><span class='tree-branch-name'> <i
                            class='icon-folder ace-icon fa fa-folder'></i> <span class='tree-label'>日韩总部</span> </span>
                    </div>
                    <ul class='tree-branch-children' role='group'>
                        <li class='tree-branch' role='treeitem' aria-expanded='false'>
                            <div class='tree-branch-header' dep_id='11'><span class='tree-branch-name'> <i
                                    class='icon-folder ace-icon fa fa-folder'></i> <span
                                    class='tree-label'>东京</span> </span></div>
                            <ul class='tree-branch-children' role='group'></ul>
                            <div class='tree-loader hide' role='alert'>
                                <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
                            </div>
                        </li>
                        <li class='tree-branch' role='treeitem' aria-expanded='false'>
                            <div class='tree-branch-header' dep_id='12'><span class='tree-branch-name'> <i
                                    class='icon-folder ace-icon fa fa-folder'></i> <span
                                    class='tree-label'>首尔</span> </span></div>
                            <ul class='tree-branch-children' role='group'></ul>
                            <div class='tree-loader hide' role='alert'>
                                <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
                            </div>
                        </li>
                        <li class='tree-branch' role='treeitem' aria-expanded='false'>
                            <div class='tree-branch-header' dep_id='19'><span class='tree-branch-name'> <i
                                    class='icon-folder ace-icon fa fa-folder'></i> <span
                                    class='tree-label'>群马县株式会社</span> </span></div>
                            <ul class='tree-branch-children' role='group'></ul>
                            <div class='tree-loader hide' role='alert'>
                                <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
                            </div>
                        </li>
                    </ul>
                    <div class='tree-loader hide' role='alert'>
                        <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
                    </div>
                </li>
            </ul>
            <div class='tree-loader hide' role='alert'>
                <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
            </div>
        </li>
    </ul>
    <div class='tree-loader hide' role='alert'>
        <div class='tree-loading'><i class='ace-icon fa fa-refresh fa-spin blue'></i></div>
    </div>
</li>


